<template>
	<view class="commodity-list">
		<!-- 商品列表 -->
		<Commodity :dataList="commodityList"></Commodity>
	</view>
</template>

<script>
import Commodity from './Commodity.vue'
export default {
	data(){
		return {
			commodityList: [
				{
					id: 1,
					imgUrl: "../../static/img/commodity1.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 2,
					imgUrl: "../../static/img/commodity2.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 3,
					imgUrl: "../../static/img/commodity3.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 4,
					imgUrl: "../../static/img/commodity4.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				}
			]
		}
	},
	components: {
		Commodity
	}
}
</script>

<style>
</style>